<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, minimum-scale=1, minimal-ui"
          name="viewport">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="assets/js/amazeui.min.js"></script>
</head>
<body>
  <div class="container relative">
      <div class="header">
          <select class="company fl">
              <option selected>南京欧驱科技有限公司</option>
              <option>南京欧驱科技有限公司</option>
          </select>
          <select class="date fr">
              <option selected>2016年-10</option>
              <option>2016年-11</option>
          </select>
          <div class="both-clear"></div>
      </div>
      <div class="section am-g">
          <a class="am-u-sm-6 borderR" href="#">
              <img src="images/business.png" class="fl imgicon"/>
              <h1 class="fl">企业信息<small>一般纳税人</small></h1>
          </a>
          <a class="am-u-sm-6" href="#">
              <img src="images/deadline.png" class="fl imgicon"/><h1 class="fl">服务期限<small>2099-9-31</small></h1>
          </a>
          <div class="both-clear"></div>
      </div>
      <div class="section am-g marTop borderT">
          <a class="am-u-sm-6 borderR">
              <img src="images/income.png" class="fl imgicon "/>
              <h1 class="fl">收入<small>￥4564.00</small></h1>
          </a>
          <a class="am-u-sm-6">
              <img src="images/expenditure.png" class="fl imgicon "/><h1 class="fl">支出<small>￥4564.00</small></h1>
          </a>
          <div class="both-clear"></div>
      </div>
      <div class="section">
          <a class="am-u-sm-6 borderR">
              <img src="images/profit.png" class="fl imgicon"/>
              <h1 class="fl">利润<small>￥45564.00</small></h1>
          </a>
          <a class="am-u-sm-6">
              <img src="images/tax-return.png" class="fl imgicon"/><h1 class="fl">报税<small>已报税</small></h1>
          </a>
          <div class="both-clear"></div>
      </div>
      <div class="linetitle marTop">
          <span>服务项目</span>
          <a href="#" class="more">更多></a>
      </div>
      <div class="section">
          <ul class="project">
              <li class="icon">服务内容</li>
              <li><a href="#" class="open">开票</a>&nbsp;&nbsp;<a href="#" class="put">收票</a></li>
              <li class="icon">国税报税</li>
              <li>5.70%</li>
              <li class="icon">地税报税</li>
              <li class="cgreen">已开启</li>
              <li class="icon">会计资料管理</li>
              <li class="cgreen">已开启</li>
          </ul>
      </div>
      <div class="linetitle marTop">
          <span>服务项目2</span>
          <a href="#" class="more">更多></a>
      </div>
      <div class="section">
          <ul class="project ">
              <li><a href="#">服务信息1</a></li>
              <li class="c9">2016-10-23</li>
              <li><a href="#">服务信息1</a></li>
              <li class="c9">2016-10-23</li>
              <li><a href="#">服务信息1</a></li>
              <li class="c9">2016-10-23</li>
              <li><a href="#">服务信息1</a></li>
              <li class="c9">2016-10-23</li>
          </ul>
      </div>
  </div>
</body>
</html>